<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML>
<html>
<head>
    <base href="<%=basePath%>">
    <title>产品故事</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <!-- 加载CSS样式 -->
    <!-- 加载Css样式 -->
    <link href="css/ProductStoreCss.css" rel="stylesheet" type="text/css"/>
    <style>
        #storydesc ul{
            width: 100% !important;
            height: auto !important;
        }
        #storydesc ul li{
             width: 100% !important;
             height: auto !important;
         }
        #storydesc ul li p{
            width: 100% !important;
            height: auto !important;
        }
        #storydesc p{
            width: 100% !important;
            height: auto !important;
        }
        #storydesc p img{
            width: 100% !important;
            height: auto !important;
            border-radius: 10px;
        }
        #storydesc p iframe {
            width: 100% !important;
            height: auto !important;
        }
        #storydesc p span{
        	display:block;
        	text-align:left;
        	text-indent: 28px;
        }
        body{
        	background:#ffffff;
        }
        #evaluate{
        	display:block;
        }
        #storydesc{
        	display:block;
        }
    </style>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <script type="text/javascript" src="js/story_shop_info.js"></script>
    <script>
        function back() {
            window.history.back(-1);
        }
    </script>
</head>

<body>
<jsp:include page="/public.jsp"/>
<input type="hidden" value="<%=request.getParameter("storyid")%>" id="storyid" name="storyid"/>
<input type="hidden" value="<%=request.getParameter("shopid")%>" id="shopid" name="shopid"/>

<div style="background-color: white;margin-bottom: 1px;">

    <div class="title">
        <span id="storyname">产品故事产品故事产品故事产品故事产品故事产品故事</span>
    </div>

    <!-- 用浮动效果可以让文字和图片在一个横线上 -->
    <span class="auther_name" id="username">作者名</span>

    <br/>
    <div class = "item_span_desc">
        <span id="storydesc"></span>
    </div>

    <div class="clearboth">
        <div class="message">
            <canvas class="canvas_line"></canvas>
            <span>精选留言</span>
        </div>
        <img class="edit_img" src="img/compile.png"/>
    </div>
</div>
<div style="margin-bottom: 50px; ">
    <!-- 加载一个ListItem -->
    <span id="evaluate"></span>
    <div id="evaluatemore" style="text-align: center; line-height: 50px; height: 50px;width: 100%;display: none;background-color: white ;color:#999999 " onclick="look_more();">查看更多</div>

    <!-- 暂无更多-->
    <div id="nullmore" style="text-align: center; line-height: 50px; height: 50px;width: 100%;display: none;background-color: white ;color:#999999">暂无更多</div>
</div>

<!-- 留言框输入 -->
<div class="div_bottom">
    <hr style="height: 1px; width: 100%; float: right; background-color: #f4f4f4; border: none;"/>
    <hr style="margin-bottom: 6px;"/>
    <input placeholder="精选留言" id="evaluatetext"/>
    <span onclick="sendEvaluate();">发送</span>
</div>
<jsp:include page="/files/public_hint.jsp"/>
</body>
</html>